<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shop</title>
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet/less" href="./assets/css/reset.less">
    <link rel="stylesheet/less" href="./assets/css/common.less">
    <link rel="stylesheet/less" href="./assets/css/cart.less">
</head>

<body>
    <header class="header" id="header">
        <a href="javascript:history.back(-1)">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <span class="title" id="title">The shopping cart</span>
    </header>

    <div class="shopcar">
        <ul>
            <li>
                <div class="showimg">
                    <img src="./assets/images/Layer 10.png" alt="">
                </div>
                <div class="info">
                    <span>Picnic Cupcakes</span>
                    <div class="price">
                        <span>Price:</span>
                        <span>$5</span>
                    </div>
                </div>
                <span class="num">1</span>
            </li>
            <li>
                <div class="showimg">
                    <img src="./assets/images/Layer 10.png" alt="">
                </div>
                <div class="info">
                    <span>Picnic Cupcakes</span>
                    <div class="price">
                        <span>Price:</span>
                        <span>$5</span>
                    </div>
                </div>
                <span class="num">1</span>
            </li>
            <li>
                <div class="showimg">
                    <img src="./assets/images/Layer 10.png" alt="">
                </div>
                <div class="info">
                    <span>Picnic Cupcakes</span>
                    <div class="price">
                        <span>Price:</span>
                        <span>$5</span>
                    </div>
                </div>
                <span class="num">1</span>
            </li>
            <li>
                <div class="showimg">
                    <img src="./assets/images/Layer 10.png" alt="">
                </div>
                <div class="info">
                    <span>Picnic Cupcakes</span>
                    <div class="price">
                        <span>Price:</span>
                        <span>$5</span>
                    </div>
                </div>
                <span class="num">1</span>
            </li>
            <li>
                <div class="showimg">
                    <img src="./assets/images/Layer 10.png" alt="">
                </div>
                <div class="info">
                    <span>Picnic Cupcakes</span>
                    <div class="price">
                        <span>Price:</span>
                        <span>$5</span>
                    </div>
                </div>
                <span class="num">1</span>
            </li>
            <li>
                <div class="showimg">
                    <img src="./assets/images/Layer 10.png" alt="">
                </div>
                <div class="info">
                    <span>Picnic Cupcakes</span>
                    <div class="price">
                        <span>Price:</span>
                        <span>$5</span>
                    </div>
                </div>
                <span class="num">1</span>
            </li>
        </ul>
    </div>

    <div class="footer">
        <button class="buy">
            $30
        </button>
    </div>
</body>

</html>


<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>
